{/block}{extend name="base/main" /}
{block name="body"}
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>专题列表</h5>
        </div>

        <div class="ibox-content">
            <div class="row row-lg">
                <div class="col-sm-12">
                    <div class="search-area" id="toggle" style="margin-bottom: 15px;">
                        <form class="form-horizontal m-t" action="{:url('Matter/index')}" method="get">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">是否显示：</label>
                                <div class="col-sm-2">
                                       <select name="is_show" id=""  class="form-control">
                                           <option value="">请选择</option>
                                           <option value="0">显示</option>
                                           <option value="1">不显示</option>
                                     </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">素材名称：</label>
                                <div class="col-sm-3">
                                    <input name="title" type="text" class="form-control"  />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-4 col-sm-offset-1">

                                    <button class="btn btn-primary btn-sm" type="submit">搜索</button>
                                    <a id="button" href="javascript:void(0);" class="btn btn-default btn-sm">撤销搜索</a>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="fixed-table-toolbar">
                        <div class="bars pull-left" style="margin-top:0px;">
                            <a href="javascript:void(0);" class="btn btn-sm btn-primary search-toggle"><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</a>
                            <a href="{:url('Matter/Create')}" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i>&nbsp;新增图文专题素材</a>
                              <a id="button" href="javascript:void(0);" class="btn btn-sm btn-primary"><i class=""></i>&nbsp;刷新</a>
                    </div>
                    <div class="example-wrap">
                        <div class="example">
                            <table class="table table-hover">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="i-checks check-all"></th>
                                    <th>编号</th>
                                    <th>素材名称</th>
                                    <th>素材封面</th>
                                    <th>排序</th>
                                    <th>是否显示</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                {volist name="list" id="vo"}
                                <tr>
                                    <td><input type="checkbox" class="i-checks ids" name="id[]" value="{$vo.id}"/></td>
                                    <td>{$vo.id}</td>
                                    <td>{$vo.title}</td>
                                    <td><img src="{$vo.image}" alt="" width="100px" height="100px"></td>
                                    <td>{$vo.sort}</td>
                                    <td>
                                        <?php if($vo['is_show'] == 0){ ?>
                                        <i class="fa fa-check text-navy"></i>
                                        <?php }else{ ?>
                                        <i class="fa fa-check fa-close"></i>
                                        <?php } ?>
                                    </td>

                                    <td>

                                        <div class="dropdown" style="display: inline-block;">
                                            <button data-toggle="dropdown" class="btn btn-success btn-xs dropdown-toggle">
                                              操作  <i class="fa fa-chevron-down"></i>
                                            </button>
                                            <ul class="dropdown-menu m-t-xs">

                                                <li><a href="{:url('Matter/read',['id'=>$vo['id']])}" ><i class="fa fa-paste"></i> 编辑 </a></li>
                                                <li> <a href="{:url('Matter/content',['id'=>$vo['id']])}" ><i class="fa fa-paste"></i> 内容 </a></li>
                                                <li><a href="{:url('Matter/update',['id'=>$vo['id']])}" ><i class="fa fa-paste"></i> 简介 </a></li>
                                                <li><a href="javascript:void(0);" class="btn btn-danger btn-xs confirm tabledel ajax-post-a" target-form="id" data-id="{$vo.id}" url="{:url('Matter/remove',['id'=>$vo['id']])}"><i class="fa fa-trash"></i> 删除 </a></li>

                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                {/volist}
                                </tbody>
                            </table>
                        </div>


                    </div>
                </div>
            </div>
            {$list->render()|raw}
        </div>

    </div>

</div>
<script>
    $(function(){
    $("#button").click(function(){
        location.reload(true);
     });
    });
</script>
{/block}